// pages/demo17/demo17.js
Page({

     /**
      * 页面的初始数据
      */
     data: {
          tabs:[
               {
               id:0,
               name:"首页",  
               isActive:true
               },
               
               {
               id:1,
               name:"原创",  
               isActive:false
               },
               
               {
               id:2,
               name:"分类",  
               isActive:false
               },
               
               {
               id:3,
               name:"关于",  
               isActive:false
               },
               

          ]
     },

     //自定义事件，用来接收子组件传递的数据
     itemChange(e){
          // console.log(e.detail);//拿到要操作的索引
          const {index} = e.detail

          // 3. 获取源数组
                    //比较严谨的写法，这里的获取数组两个方法都可以，但是简略写法 容易上手，严谨写法较规范
                    // let tabs = JSON.parse(JSON.stringify(this.data.tabs))
          let {tabs} = this.data//简略的写法

          // 4. 对数组循环
               // 1. 给每个循环项的  选中属性（isActive） 改为false
               // 2. 给当前的索引的  项  添加激活选中的效果
               tabs.forEach((v,i) =>
                    i===index?v.isActive=true:v.isActive=false
               );
               
               this.setData({
                    tabs:tabs
               })
          
     }


})